<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<fmt:setBundle basename="com.ssi.mrms.language.room.room_label" />

<div id="container">
	<div id="content">
		<div class="warpper">
<form action="RM005Aadd"  method="post" name="main">
	
	<!-- ---------- Require Hidden Field ---------------------- -->
			
			<script type="text/javascript">
			</script>
			
			<input type="hidden" name="mode" value="${mode}" />
			<s:set var="editable">${mode=='add'? '':'input-readOnly'}</s:set>
			<!-- ---------- Require Hidden Field ----------------------	 -->

	<table class="from" style="width: 100%;">
		<tr>
			<td class="header2" style="border-bottom: 1px #bbb solid;">Criteria</td>
		</tr>
	</table>
	
				<table class="from" style="width: 100%;">
				<tr >
					<td class="header"><fmt:message key="label.startDate" /> </td>
					<td>
						<s:textfield name="mfruhdrModel.fruhsdat" cssClass=""/>
						
					</td>
					<td class="header"><fmt:message key="label.endDate" /> </td>
					<td>
						<s:textfield name="mfruhdrModel.fruhedat"/>
					</td>
					<td class="header"><fmt:message key="label.startTime" /> </td>
					<td>
						<s:textfield name="mfruhdrModel.fruhstime"/>
					</td>
					<td class="header"><fmt:message key="label.endTime" /> </td>
					<td>
						<s:textfield name="mfruhdrModel.fruhedtime"/>
					</td>
				</tr>
				<tr >
					<td  class="header"><fmt:message key="label.functionRoom" /> </td>
					<td>
					
						<select  name="mfrudtlModel.frudrmtyp">
							  <option value="1">Party Room</option>
							  <option value="2">Multi Pupose Room</option>
							  <option value="3">Meeting Room</option>
						</select>
						
					</td>
				</tr>
			</table>
			
<!-- 		end	Criteria -->

			<table class="from" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;">Detail</td>
				</tr>
			</table>
<!-- 			Detail  -->
<!-- 			<div class="fieldset" style="border: 1px;border-style: solid;"> -->
			<div class="panel panel-default"><div class="panel-body">	
			
			<table  class="from"  style="width: 100%; bo" >
						<tr >
							<td class="header"><fmt:message key="label.requestor" /> </td>
							<td>
								<s:textfield name="mfrudtlModel.frudreqby"/>
							</td>
							<td class="header"><fmt:message key="label.requisitionDate" /> </td>
							<td>
								<s:textfield name="mfrudtlModel.frudreqdat"/>
							</td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.purposeofRoomUsage" /> </td>
							<td colspan="3">
								<s:textarea  name="mfrudtlModel.frudpru"/>
							 </textarea></td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.roomDetail" /> </td>
							<td colspan="3">
								<s:textarea  name="mfrudtlModel.fruddtl"/>
							</td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.compulsoryCharges" /> </td>
							<td ><label>
								<s:checkbox name="mfrudtlModel.frudaps" /> <fmt:message key="label.sCharge" /></label>
							</td>
							<td colspan="2">
							
								<s:textfield name="mfrudtlModel.frudapsprc"/>
								
							<fmt:message key="label.baht" /> </td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.optionalRequirement" /> </td>
							<td ><label>
							
								<s:checkbox name="mfrudtlModel.frudtb" /> 							
							<fmt:message key="label.tableOp" /> </label></td>
							<td colspan="2">
							
								<s:textfield name="mfrudtlModel.frudtbamt"/>
							
							<fmt:message key="label.unit" />
							
							 	<s:textfield name="mfrudtlModel.frudtbprc"/>
							 
							 <fmt:message key="label.bahtperUnit" /> </td>
						</tr>
						<tr >
							<td class="header"></td>
							<td ><label>
								
								<s:checkbox name="mfrudtlModel.frudchr" />
								
							 <fmt:message key="label.chairOp"/></label></td>
							<td colspan="2">
								<s:textfield name="mfrudtlModel.frudchramt"/>

							<fmt:message key="label.unit" /> 
								<s:textfield name="mfrudtlModel.frudchrprc"/>
							<fmt:message key="label.bahtperUnit" /> </td>
						</tr>
						<tr >
							<td class="header"></td>
							<td ><label>
							
								<s:checkbox name="mfrudtlModel.frudbr" />
								
							 <fmt:message key="label.bbqOp"/> </label></td>
							<td colspan="2">
								<s:textfield name="mfrudtlModel.frudbramt"/>
								
							<fmt:message key="label.unit" />
								<s:textfield name="mfrudtlModel.frudbrprc"/>
							  <fmt:message key="label.bahtperUnit" /> </td>
						</tr>
						<tr >
							<td class="header"> <fmt:message key="label.totalCost" /> </td>
							<td colspan="3">
							
								<s:textfield name="mfrudtlModel.frudtotalcst"/>
								<fmt:message key="label.baht" /> </td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.paymentStatus" /> </td>
							<td >
<%-- 								<s:textfield name="mfrudtlModel.frudpaystat"/> --%>
									<select name="mfrudtlModel.frudpaystat">
										<option value="Y">YES</option>
										<option value="N">NO</option>
									</select>

							</td>
							<td class="header" valign="top">
<%-- 							<fmt:message key="label.remark" /> --%>
							 </td>
							<td >
<%-- 								<s:textarea name="mfrudtlModel.frudremark" cols="80" rows="15"/> --%>
							 </td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.requestedBy" /> </td>
							<td >
								<s:textfield name="mfrudtlModel.frudreqby2"/>
							 </td>
							<td class="header"><fmt:message key="label.date" /> </td>
							<td >
								<s:textfield name="mfrudtlModel.frudreqdat2"/>
							</td>
						</tr>
						<tr >
							<td class="header"><fmt:message key="label.authorizedBy" /> </td>
							<td >
								<s:textfield name="mfrudtlModel.frudautby"/>

							</td>
							<td class="header"> <fmt:message key="label.date" />  </td>
							<td >
								<s:textfield name="mfrudtlModel.frudautdat"/>
							 </td>
						</tr>
						<tr >
							<td class="header" valign="top" colspan="1">
							<fmt:message key="label.remark" />
							 </td>
							<td >
								<s:textarea name="mfrudtlModel.frudremark" cols="80" rows="15"/>
							 </td>
<!-- 							<td class="header">   </td> -->
<!-- 							<td > -->
<!-- 							 </td> -->
						</tr>
			</table>
			</div>
			</div>
			
			<table>
				<tr>
					<td style="text-align: center;">
						<button type="button" id="btnSearch" class="btn btn-default btn-primary" onclick="location = 'RM005'"><fmt:message key="button.back" /> </button>&nbsp;
						<button type="submit" id="btnSearch" class="btn btn-default btn-primary"><fmt:message key="button.save" /> </button>&nbsp;
<!-- 						<button type="button" id="btnClear" class="btn btn-default btn-primary">  Delete </button> -->
					</td>
				</tr>	
			</table>
 			
</form>
		</div>
	</div>
</div>
<script>
$(document).ready(function() {
    
    _log(' ######## --- RM005 -------######');
    
    _COMMON.renderDatePicker('mfruhdrModel_fruhsdat');
    _COMMON.renderDatePicker('mfruhdrModel_fruhedat');
    _COMMON.renderDatePicker('mfrudtlModel_frudreqdat');
    _COMMON.renderDatePicker('mfrudtlModel_frudreqdat2');
    _COMMON.renderDatePicker('mfrudtlModel_frudautdat');
    
    
    _COMMON.renderTimePicker('mfruhdrModel_fruhstime');
    _COMMON.renderTimePicker('mfruhdrModel_fruhedtime');
    
});
</script>